<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /*
           XMLHttpRequest2.0 新增的特性：
           1、可以设置超时
           2、支持FormData对象管理表单数据
           3、支持二进制(文件上传)、
           4、支持上传进度
         */

        var xhq = new XMLHttpRequest();
        xhq.open("GET","02.php");
        xhq.send();

        //XMLHttpRequest2.0 设置超时
        xhq.timeout = 5000;

        //这个事件监听是否超时，当超时时就会调用
        xhq.ontimeout = function(){
            alert("超时了，可以取消Loading状态了");
        }

        xhq.onreadystatechange = function(){
            if(xhq.readyState == 4 && xhq.status == 200){
                console.log(xhq.responseText);
            }
        }
    </script>
</head>
<body>

</body>
</html>